<template>
  <ZTable
    :table-data="tableData"
    :table="table"
    :table-columns="tableColumns"
  ></ZTable>
</template>
<script lang="ts">
import { defineComponent } from "vue";
export default defineComponent({
  name: "RoleManagement",
});
</script>
<script lang="ts" setup>
import ZTable from "@/components/common/ZTable.vue";
import { Column } from "../../type/table";
const tableData = [
  {
    id: 1,
    name: "张三",
    age: 18,
    tel: 15150155653,
  },
  {
    id: 2,
    name: "李四",
    age: 18,
    tel: 15150155653,
  },
  {
    id: 3,
    name: "王二麻",
    age: 18,
    tel: 15150155653,
  },
];
const tableColumns: Array<Column> = [
  {
    prop: "name",
    lable: "姓名",
  },
  {
    prop: "age",
    lable: "年龄",
    align: "center",
  },
  {
    prop: "tel",
    lable: "电话",
    align: "center",
  },
];
const table = {
  stripe: true,
};
</script>
<style lang="scss" scoped></style>
